import React from 'react'
import './index.less'
import Breadcrumb from '@components/Breadcrumb/index'
import { withRouter } from 'react-router-dom'
import abt1 from '@assets/contact_us/abt1.png'
import abt2 from '@assets/contact_us/abt2.png'
import abt3 from '@assets/contact_us/abt3.png'
import abt4 from '@assets/contact_us/abt4.png'
import abt5 from '@assets/contact_us/abt5.png'
import abt6 from '@assets/contact_us/abt6.jpg'
class Index extends React.Component{
    constructor(props) {
        super(props)
        this.state = {
            data: [
                {
                    img: abt1,
                    title: '地址',
                    desc: '上海市长宁区华山路1220弄6号201室',
                },{
                    img: abt2,
                    title: '邮编',
                    desc: '200052',
                },{
                    img: abt3,
                    title: '办公电话 / 传真',
                    desc: '021-5256-9977',
                },{
                    img: abt5,
                    title: '电子邮件',
                    desc: 'info@hsyjs.org.cn',
                }
            ]
        }
    }

    render() {
        document.title = '联系我们'
        return (
            <div className="contact-us">
                <Breadcrumb arr={['联系我们']}/>
                <ul className="main">
                {
                    this.state.data.map((item, index) => (
                        <li key={index}>
                            <img style={{width: '90px', height: '94px'}} src={item.img} key={index}/>
                            <div>
                                <h1>{item.title}</h1>
                                <p>{item.desc}</p>
                            </div>
                        </li>
                    ))
                }
                    <li>
                        <img src={abt6}/>
                    </li>
                </ul>
            </div>
        )
    }
}
export default withRouter(Index)